// 首页的css
@import "util.less";

@color: #ffaa00;

@media (min-width: 900px){
.login-page{
	width: 100%;
	height: 100%;
	background: url(../image/login-bg.jpg);
	background-size: 100% 100%;
	position: relative;
	.login-box{
		width: 850px;
		margin: 28px auto 0;
		height: 354px;
		position: absolute;
		z-index: 1;
		top: 50%;
		margin-top: -177px;
		left: 50%;
		margin-left: -425px;
		.img{
			display: block;
			float: left;
			width: 285px;
			height: 115px;
			margin-top: 95px;
		}
		.right-box{
			width: 480px;
			height: 100%;
			float: right;
			p{
				font-size: 14px;
				color: #fff;
				text-align: center;
				padding-top: 4px;
			}
			.box{
				width: 456px;
				height: 304px;
				border: 12px solid #cc9d24;
				border-radius: 8px;
				background: #fff;
				.cont{
					padding: 15px;
					.zoom;
					.head{
						width: 100%;
						height: 58px;
						border-bottom: 3px solid #015cab;
						text-align: center;
						line-height: 58px;
						font-size: 26px;
						color: #000;
						margin-bottom: 7px;
					}
					.item{
						width: 100%;
						height: 36px;
						margin-top: 16px;
						.item-left{
							width: 74px;
							height: 100%;
							float: left;
							text-align: right;
							line-height: 36px;
							font-size: 14px;
							color: #4c4c4c;
						}
						.item-right{
							width: -webkit-calc(~'100% - 83px');
							width: -moz-calc(~'100% - 83px');
							width: calc(~'100% - 83px');
							height: 100%;
							float: right;
							img{
								display: block;
								width: 138px;
								height: 100%;
								float: right;
							}
							.yzm{
								width: -webkit-calc(~'100% - 142px');
								width: -moz-calc(~'100% - 142px');
								width: calc(~'100% - 142px');
								float: left;
								height: 100%;
							}
						}
						.login-btn{
							background: #015cab;
						}
					}
				}
			}
		}
		
	}
}
}
@media (max-width: 899px){
	.login-page{
		width: 100%;
		height: 100%;
		background: url(../image/login-bg.jpg);
		background-position: center center;
		position: relative;
		.login-box{
			width: 94%;
			
			height: 354px;
			position: absolute;
			z-index: 1;
			left: 3%;
			top: 50%;
			margin-top: -177px;
			// left: 50%;
			// margin-left: -425px;
			.img{
				display: block;
				width: 285px;
				height: 115px;
				margin-top: 60px;
				display: none;
			}
			.right-box{
				width: 100%;
				.zoom;
				p{
					font-size: 14px;
					color: #fff;
					text-align: center;
					padding-top: 4px;
				}
				.box{
					width: 100%;
					height: 326px;
					border: 12px solid #cc9d24;
					border-radius: 8px;
					background: #fff;
					.boz;
					.cont{
						padding: 15px;
						.zoom;
						.head{
							width: 100%;
							height: 58px;
							border-bottom: 3px solid #015cab;
							text-align: center;
							line-height: 58px;
							font-size: 22px;
							color: #000;
							margin-bottom: 7px;
						}
						.item{
							width: 100%;
							height: 36px;
							margin-top: 16px;
							.item-left{
								width: 74px;
								height: 100%;
								float: left;
								text-align: right;
								line-height: 36px;
								font-size: 14px;
								color: #4c4c4c;
							}
							.item-right{
								width: -webkit-calc(~'100% - 83px');
								width: -moz-calc(~'100% - 83px');
								width: calc(~'100% - 83px');
								height: 100%;
								float: right;
								img{
									display: block;
									width: 98px;
									height: 100%;
									float: right;
								}
								.yzm{
									width: -webkit-calc(~'100% - 102px');
									width: -moz-calc(~'100% - 102px');
									width: calc(~'100% - 102px');
									float: left;
									height: 100%;
								}
							}
							.login-btn{
								background: #015cab;
							}
						}
					}
				}
			}
			
		}
	}
}

.cuowu{
	position: fixed;
	z-index: 2;
	width: 100%;
}

.input-append{
	width: 100%;
	#photoCover{
		width: -webkit-calc(~'100% - 80px');
		width: -moz-calc(~'100% - 80px');
		width: calc(~'100% - 80px');
		height: 34px;
		background: #fff;
		display: inline-block;
		border: none;
		border: 1px solid #8f8f8f;
		.boz;
	}
}


.djk{
	margin: auto;
	margin-top: 20px;
	width: 100%;
	text-align: center;
}

.operation-area{
	width: 100%;
	height: auto;
	zoom: 1;
	border-bottom: 1px solid #bfbfbf;
	float: left;
	@media (min-width: 640px) {
		.btn{
			display: block;
			float: left;
			height: 28px;
			line-height: 28px;
			border: 1px solid #d2d2d2;
			margin-bottom: 6px;
			margin-right: 8px;
			cursor: pointer;
			&:hover{
				border-color: @color;
				p{
					color: @color;
				}
			}
			p{
				padding: 0 15px;
				color: #333;
			}
		}
	}
	@media (max-width: 639px) {
		.btn{
			display: block;
			float: left;
			height: 24px;
			line-height: 24px;
			border: 1px solid #d2d2d2;
			margin-bottom: 6px;
			margin-right: 8px;
			cursor: pointer;
			p{
				padding: 0 10px;
				font-size: 13px;
			}
		}
	}
}

@media (min-width:640px){
	.operation-drop-down{
		width: 110px;
		height: 28px;
		border: 1px solid #d2d2d2;
		position: relative;
		&:hover{
			border-color: @color;
			.headbox{
				p{
					color: @color;
				}
				i{
					color: @color;
				}
			}
		}
		.headbox{
			width: 100%;
			height: 100%;
			line-height: 28px;
			p{
				float: left;
				padding-left: 12px;
				color: #333333;
			}
			i{
				float: right;
				display: block;
				color: #666;
				margin-right: 12px;
			}
		}
		.bodbox{
			display: none;
			width: 100%;
			.zoom;
			position: absolute;
			border: 1px solid #e0e0e0;
			top: 30px;
			left: -1px;
			z-index: 123;
			background: #fff;
			box-shadow: -2px 3px 15px -1px #d8d8d8, /*左边阴影  绿色*/ 1px 4px 12px 1px #d8d8d8, /*右边阴影  蓝色*/ 1px 3px 0px 0px #d8d8d8;
			.list{
				width: 100%;
				height: 30px;
				border-bottom: 1px dashed #d2d2d2;
				color: #333;
				text-align: center;
				line-height: 30px;
				&:last-child{
					border: none;
				}
				&:hover{
					background: @color;
					color: #fff;
				}
			}
		}
	}
	.operation-drop-down-act{
		border-color: @color;
		.headbox{
			p{
				color: @color;
			}
			i{
				color: @color;
			}
		}
		.bodbox{
			display: block;
		}
	}
	
	.left-drop-down{
		float: left;
		margin-bottom: 6px;
		margin-right: 8px;
		cursor: pointer;
	}
}
@media (max-width:640px){
	.operation-drop-down{
		width: 90px;
		height: 24px;
		border: 1px solid #d2d2d2;
		position: relative;
		&:hover{
			border-color: @color;
			.headbox{
				p{
					color: @color;
				}
				i{
					color: @color;
				}
			}
		}
		.headbox{
			width: 100%;
			height: 100%;
			line-height: 24px;
			p{
				float: left;
				padding-left: 8px;
				color: #333333;
				font-size: 13px;
			}
			i{
				float: right;
				display: block;
				color: #666;
				margin-right: 8px;
				font-size: 16px;
			}
		}
		.bodbox{
			display: none;
			width: 100%;
			.zoom;
			position: absolute;
			border: 1px solid #e0e0e0;
			top: 30px;
			left: -1px;
			z-index: 123;
			background: #fff;
			box-shadow: -2px 3px 15px -1px #d8d8d8, /*左边阴影  绿色*/ 1px 4px 12px 1px #d8d8d8, /*右边阴影  蓝色*/ 1px 3px 0px 0px #d8d8d8;
			.list{
				width: 100%;
				height: 30px;
				border-bottom: 1px dashed #d2d2d2;
				color: #333;
				text-align: center;
				line-height: 30px;
				&:last-child{
					border: none;
				}
				&:hover{
					background: @color;
					color: #fff;
				}
			}
		}
	}
	.operation-drop-down-act{
		border-color: @color;
		.headbox{
			p{
				color: @color;
			}
			i{
				color: @color;
			}
		}
		.bodbox{
			display: block;
		}
	}
	
	.left-drop-down{
		float: left;
		margin-bottom: 6px;
		margin-right: 8px;
		cursor: pointer;
	}
}



@media(min-width: 780px){
	.com_operation_button{
		height: 48px;
		float: left;
		margin-right: 14px;
		line-height: 48px;
		cursor: pointer;
		color: #333;
		&:hover{
			color: @color;
			p{
				color: @color !important;
			}
		}
		i{
			display: block;
			font-size: 20px;
			float: left;
		}
		p{
			float: left;
			margin-left: 4px;
			padding: 0 !important;
		}
	}
// 添加分类的box
.add_fenlei_box{
	width: 100%;
	.zoom;
	margin: 12px 0;
	float: left;
	.boxhead{
		width: 100%;
		height: 36px;
		background: #393d49;
		.col{
			float: left;
			p{
				color: #fff;
				padding-left: 10px;
				line-height: 36px;
			}
		}
		.col_choose{
			width: 100px;
			span{
				color: #fff;
			}
			.layui-input-block{
				margin-left: 10px;
			}
		}
		.col_title{
			width: -webkit-calc(~'100% - 466px');
			width: -moz-calc(~'100% - 466px');
			width: calc(~'100% - 466px');
			p{
				.gt;
			}
		}
		.col_yxj{
			width: 140px;
		}
		.col_operation{
			width: 226px;
		}
	}
	.layui-form-item{
		margin-bottom: 0;
	}
	.boxbody{
		width: 100%;
		.zoom;
		.item{
			width: 100%;
			height: 48px;
			border-bottom: 1px solid #d6d6d6;
			.col{
				float: left;
				p{
					color: #333;
					padding-left: 10px;
					line-height: 48px;
				}
			}
			.col_choose{
				width: 100px;
				line-height: 48px;
				.layui-form-item .layui-form-checkbox[lay-skin=primary]{
					margin-top: 0;
				}
				span{
					color: #fff;
				}
				.layui-input-block{
					margin-left: 10px;
				}
			}
			.col_title{
				width: -webkit-calc(~'100% - 466px');
				width: -moz-calc(~'100% - 466px');
				width: calc(~'100% - 466px');
				p{
					.gt;
				}
			}
			.col_yxj{
				width: 140px;
				input{
					display: block;
					width: 60px;
					height: 26px;
					border: 1px solid #8f8f8f;
					margin-left: 10px;
					margin-top: 10px;
					text-align: center;
				}
			}
			.col_operation{
				width: 226px;
			}
		}
		.item-list{
			border-bottom: 1px dashed #666;
			background: #ededed;
		}
	}
}
}
@media(max-width: 779px){
	.com_operation_button{
		height: 48px;
		float: left;
		margin-left: 10px;
		line-height: 48px;
		cursor: pointer;
		color: #333;
		// &:hover{
		// 	color: @color;
		// 	p{
		// 		color: @color !important;
		// 	}
		// }
		i{
			display: block;
			font-size: 20px;
			float: left;
		}
		p{
			float: left;
			margin-left: 4px;
			padding: 0 !important;
			display: none;
		}
	}
// 添加分类的box
.add_fenlei_box{
	width: 100%;
	.zoom;
	margin: 12px 0;
	float: left;
	.boxhead{
		width: 100%;
		height: 36px;
		background: #393d49;
		.col{
			float: left;
			p{
				color: #fff;
				padding-left: 10px;
				line-height: 36px;
			}
		}
		.col_choose{
			width: 38px;
			overflow: hidden;
			span{
				color: #fff;
			}
			.layui-input-block{
				margin-left: 10px;
			}
		}
		.col_title{
			width: -webkit-calc(~'100% - 228px');
			width: -moz-calc(~'100% - 228px');
			width: calc(~'100% - 228px');
			p{
				.gt;
			}
		}
		.col_yxj{
			width: 80px;
		}
		.col_operation{
			width: 110px;
		}
	}
	.layui-form-item{
		margin-bottom: 0;
	}
	.boxbody{
		width: 100%;
		.zoom;
		.item{
			width: 100%;
			height: 48px;
			border-bottom: 1px solid #d6d6d6;
			.col{
				float: left;
				p{
					color: #333;
					padding-left: 10px;
					line-height: 48px;
				}
			}
			.col_choose{
				width: 38px;
				line-height: 48px;
				.layui-form-item .layui-form-checkbox[lay-skin=primary]{
					margin-top: 0;
				}
				span{
					color: #fff;
				}
				.layui-input-block{
					margin-left: 10px;
				}
			}
			.col_title{
				width: -webkit-calc(~'100% - 228px');
				width: -moz-calc(~'100% - 228px');
				width: calc(~'100% - 228px');
				p{
					.gt;
				}
			}
			.col_yxj{
				width: 80px;
				input{
					display: block;
					width: 60px;
					height: 26px;
					border: 1px solid #8f8f8f;
					margin-left: 10px;
					margin-top: 10px;
					text-align: center;
				}
			}
			.col_operation{
				width: 110px;
			}
		}
		.item-list{
			border-bottom: 1px dashed #666;
			background: #ededed;
		}
	}
}
}



// 搜索栏
@media(min-width:480px){
	.downdrop_searchBox{
		width: 380px;
		height: 30px;
		float: right;
		margin-bottom: 6px;
		.downdrop{
			width: 100px;
			float: left;
			height: 100%;
			.layui-input{
				height: 30px;
			}
		}
		.searchinput{
			width: -webkit-calc(~'100% - 164px');
			width: -moz-calc(~'100% - 164px');
			width: calc(~'100% - 164px');
			float: left;
			height: 30px;
			.layui-input{
				height: 30px;
				line-height: 30px;
			}
		}
		.button{
			float: left;
			width: 64px;
			height: 30px;
			background: @color;
			color: #fff;
			text-align: center;
			line-height: 30px;
			cursor: pointer;
			display: block;
		}
	}
	.no_downdrop_searchBox{
		.downdrop{
			display: none;
		}
		.searchinput{
			width: -webkit-calc(~'100% - 64px');
			width: -moz-calc(~'100% - 64px');
			width: calc(~'100% - 64px');
		}
	}
}
@media(max-width:479px){
	.downdrop_searchBox{
		width: 100%;
		height: 30px;
		float: right;
		margin-bottom: 6px;
		margin-top: 6px;
		.downdrop{
			width: 100px;
			float: left;
			height: 100%;
			.layui-input{
				height: 30px;
			}
		}
		.searchinput{
			width: -webkit-calc(~'100% - 164px');
			width: -moz-calc(~'100% - 164px');
			width: calc(~'100% - 164px');
			float: left;
			height: 30px;
			.layui-input{
				height: 30px;
				line-height: 30px;
			}
		}
		.button{
			float: left;
			width: 64px;
			height: 30px;
			background: @color;
			color: #fff;
			text-align: center;
			line-height: 30px;
			cursor: pointer;
			display: block;
		}
	}
	.no_downdrop_searchBox{
		.downdrop{
			display: none;
		}
		.searchinput{
			width: -webkit-calc(~'100% - 64px');
			width: -moz-calc(~'100% - 64px');
			width: calc(~'100% - 64px');
		}
	}
}

// 用户管理界面的操作按钮
.com_usergl_btn{
	line-height: 48px;
	color: #333;
	padding-left: 10px;
	&:hover{
		color: @color;
	}
}

// 全部商品表格
@media(min-width:1080px){
	.all_product_box{
		width: 100%;
		.zoom;
		margin: 12px 0;
		float: left;
		.boxhead{
			width: 100%;
			height: 36px;
			background: #393d49;
			.col{
				float: left;
				height: 100%;
				p{
					color: #fff;
					padding-left: 10px;
					line-height: 36px;
				}
			}
			.col_choose{
				width: 92px;
				span{
					color: #fff;
				}
				.layui-input-block{
					margin-left: 10px;
				}
			}
			.col_number{
				width: 60px;
				.gt;
			}
			.col_title{
				width: -webkit-calc(~'100% - 720px');
				width: -moz-calc(~'100% - 720px');
				width: calc(~'100% - 720px');
				p{
					.gt;
				}
			}
			.col_category{
				width: 80px;
				.gt;
			}
			.col_update{
				width: 134px;
			}
			.col_look{
				width: 70px;
				.gt;
			}
			.col_yxj{
				width: 140px;
			}
			.col_operation{
				width: 142px;
			}
		}
		.layui-form-item{
			margin-bottom: 0;
		}
		.boxbody{
			width: 100%;
			.zoom;
			.item{
				width: 100%;
				height: 48px;
				background: #fff;
				&:nth-child(2n){
					background: #ededed;
				}
				.col{
					float: left;
					p{
						color: #333;
						padding-left: 10px;
						line-height: 48px;
					}
				}
				.col_choose{
					width: 92px;
					line-height: 48px;
					.layui-form-item .layui-form-checkbox[lay-skin=primary]{
						margin-top: 0;
					}
					span{
						color: #fff;
					}
					.layui-input-block{
						margin-left: 10px;
					}
				}
				.col_number{
					width: 60px;
					.gt;
				}
				.col_title{
					width: -webkit-calc(~'100% - 720px');
					width: -moz-calc(~'100% - 720px');
					width: calc(~'100% - 720px');
					p{
						.gt;
					}
				}
				.col_category{
					width: 80px;
					.gt;
				}
				.col_update{
					width: 134px;
				}
				.col_look{
					width: 70px;
					.gt;
				}
				.col_operation{
					width: 142px;
					.com_operation_button{
						&:first-child{
							margin-left: 10px;
						}
					}
				}
				.col_yxj{
					width: 140px;
					input{
						display: block;
						width: 60px;
						height: 26px;
						border: 1px solid #8f8f8f;
						margin-left: 10px;
						margin-top: 10px;
						text-align: center;
					}
				}
			}
		}
	}
	.nav_guanli_box{
		.boxhead{
			.col_title{
				// width: -webkit-calc(~'100% - 720px');
				// width: -moz-calc(~'100% - 720px');
				// width: calc(~'100% - 720px');
				width: 110px;
				p{
					.gt;
				}
			}
			.col_category{
				width: -webkit-calc(~'100% - 544px');
				width: -moz-calc(~'100% - 544px');
				width: calc(~'100% - 544px');
				p{
					.gt;
				}
			}
		}
		.boxbody{
			.item{
				.col_title{
					// width: -webkit-calc(~'100% - 720px');
					// width: -moz-calc(~'100% - 720px');
					// width: calc(~'100% - 720px');
					width: 110px;
					p{
						.gt;
					}
				}
				.col_category{
					width: -webkit-calc(~'100% - 544px');
					width: -moz-calc(~'100% - 544px');
					width: calc(~'100% - 544px');
					p{
						.gt;
					}
				}
			}
		}
	}
	.user_permission_box{
		.boxhead{
			.col_id{
				width: 80px;
				.gt;
			}
			.col_username{
				width: -webkit-calc(~'100% - 754px');
				width: -moz-calc(~'100% - 754px');
				width: calc(~'100% - 754px');
				.gt;
			}
			.col_loginnum{
				width: 80px;
				.gt;
			}
			.col_logintime{
				width: 140px;
			}
			.col_loginip{
				width: 140px;
			}
			.col_state{
				width: 80px;
			}
		}
		.boxbody{
			.item{
				.col_id{
					width: 80px;
					.gt;
				}
				.col_username{
					width: -webkit-calc(~'100% - 754px');
					width: -moz-calc(~'100% - 754px');
					width: calc(~'100% - 754px');
					p{
						.gt;
					}
				}
				.col_loginnum{
					width: 80px;
					.gt;
				}
				.col_logintime{
					width: 140px;
				}
				.col_loginip{
					width: 140px;
				}
				.col_state{
					width: 80px;
				}
			}	
		}
	}
}
@media(min-width:780px) and (max-width:1079px){
	.all_product_box{
		width: 100%;
		.zoom;
		margin: 12px 0;
		float: left;
		.boxhead{
			width: 100%;
			height: 36px;
			background: #393d49;
			.col{
				float: left;
				height: 100%;
				p{
					color: #fff;
					padding-left: 10px;
					line-height: 36px;
				}
			}
			.col_choose{
				width: 38px;
				overflow: hidden;
				span{
					color: #fff;
				}
				.layui-input-block{
					margin-left: 10px;
				}
			}
			.col_number{
				width: 60px;
				.gt;
			}
			.col_title{
				width: -webkit-calc(~'100% - 390px');
				width: -moz-calc(~'100% - 390px');
				width: calc(~'100% - 390px');
				p{
					.gt;
				}
			}
			.col_category{
				width: 80px;
				.gt;
			}
			.col_update{
				width: 134px;
				display: none;
			}
			.col_look{
				width: 70px;
				.gt;
				display: none;
			}
			.col_yxj{
				width: 140px;
			}
			.col_operation{
				width: 72px;
			}
		}
		.layui-form-item{
			margin-bottom: 0;
		}
		.boxbody{
			width: 100%;
			.zoom;
			.item{
				width: 100%;
				height: 48px;
				background: #fff;
				&:nth-child(2n){
					background: #ededed;
				}
				.col{
					float: left;
					p{
						color: #333;
						padding-left: 10px;
						line-height: 48px;
					}
				}
				.col_choose{
					width: 38px;
					line-height: 48px;
					.layui-form-item .layui-form-checkbox[lay-skin=primary]{
						margin-top: 0;
					}
					span{
						color: #fff;
					}
					.layui-input-block{
						margin-left: 10px;
					}
				}
				.col_number{
					width: 60px;
					.gt;
				}
				.col_title{
					width: -webkit-calc(~'100% - 390px');
					width: -moz-calc(~'100% - 390px');
					width: calc(~'100% - 390px');
					p{
						.gt;
					}
				}
				.col_category{
					width: 80px;
					.gt;
				}
				.col_update{
					width: 134px;
					display: none
				}
				.col_look{
					width: 70px;
					.gt;
					display: none
				}
				.col_operation{
					width: 72px;
					.com_operation_button{
						margin-right: 11px;
						&:first-child{
							margin-left: 10px;
						}
					}
					.com_operation_button{
						p{
							display: none
						}
					}
				}
				.col_yxj{
					width: 140px;
					input{
						display: block;
						width: 60px;
						height: 26px;
						border: 1px solid #8f8f8f;
						margin-left: 10px;
						margin-top: 10px;
						text-align: center;
					}
				}
			}
		}
	}
	.nav_guanli_box{
		.boxhead{
			.col_title{
				// width: -webkit-calc(~'100% - 720px');
				// width: -moz-calc(~'100% - 720px');
				// width: calc(~'100% - 720px');
				width: 110px;
				p{
					.gt;
				}
			}
			.col_category{
				width: -webkit-calc(~'100% - 420px');
				width: -moz-calc(~'100% - 420px');
				width: calc(~'100% - 420px');
				p{
					.gt;
				}
			}
		}
		.boxbody{
			.item{
				.col_title{
					// width: -webkit-calc(~'100% - 720px');
					// width: -moz-calc(~'100% - 720px');
					// width: calc(~'100% - 720px');
					width: 110px;
					p{
						.gt;
					}
				}
				.col_category{
					width: -webkit-calc(~'100% - 420px');
					width: -moz-calc(~'100% - 420px');
					width: calc(~'100% - 420px');
					p{
						.gt;
					}
				}
			}
		}
	}
	.user_permission_box{
		.boxhead{
			.col_id{
				width: 80px;
				.gt;
			}
			.col_username{
				width: -webkit-calc(~'100% - 688px');
				width: -moz-calc(~'100% - 688px');
				width: calc(~'100% - 688px');
				.gt;
			}
			.col_loginnum{
				width: 80px;
				.gt;
			}
			.col_logintime{
				width: 140px;
			}
			.col_loginip{
				width: 140px;
			}
			.col_state{
				width: 80px;
			}
			.col_operation{
				width: 130px
			}
		}
		.boxbody{
			.item{
				.col_id{
					width: 80px;
					.gt;
				}
				.col_username{
					width: -webkit-calc(~'100% - 688px');
					width: -moz-calc(~'100% - 688px');
					width: calc(~'100% - 688px');
					p{
						.gt;
					}
				}
				.col_loginnum{
					width: 80px;
					.gt;
				}
				.col_logintime{
					width: 140px;
				}
				.col_loginip{
					width: 140px;
				}
				.col_state{
					width: 80px;
				}
				.col_operation{
					width: 130px
				}
			}	
		}
	}
}
@media (max-width:779px){
	.all_product_box{
		width: 100%;
		.zoom;
		margin: 12px 0;
		float: left;
		.boxhead{
			width: 100%;
			height: 36px;
			background: #393d49;
			.col{
				float: left;
				height: 100%;
				p{
					color: #fff;
					padding-left: 10px;
					line-height: 36px;
				}
			}
			.col_choose{
				width: 38px;
				overflow: hidden;
				span{
					color: #fff;
				}
				.layui-input-block{
					margin-left: 10px;
				}
			}
			.col_number{
				width: 60px;
				.gt;
				display: none;
			}
			.col_title{
				width: -webkit-calc(~'100% - 272px');
				width: -moz-calc(~'100% - 272px');
				width: calc(~'100% - 272px');
				p{
					.gt;
					padding-left: 0;
				}
			}
			.col_category{
				width: 80px;
				.gt;
			}
			.col_update{
				width: 134px;
				display: none;
			}
			.col_look{
				width: 70px;
				.gt;
				display: none;
			}
			.col_yxj{
				width: 82px;
			}
			.col_operation{
				width: 72px;
			}
		}
		.layui-form-item{
			margin-bottom: 0;
		}
		.boxbody{
			width: 100%;
			.zoom;
			.item{
				width: 100%;
				height: 48px;
				background: #fff;
				&:nth-child(2n){
					background: #ededed;
				}
				.col{
					float: left;
					p{
						color: #333;
						padding-left: 10px;
						line-height: 48px;
					}
				}
				.col_choose{
					width: 38px;
					line-height: 48px;
					.layui-form-item .layui-form-checkbox[lay-skin=primary]{
						margin-top: 0;
					}
					span{
						color: #fff;
					}
					.layui-input-block{
						margin-left: 10px;
					}
				}
				.col_number{
					width: 60px;
					.gt;
					display: none;
				}
				.col_title{
					width: -webkit-calc(~'100% - 272px');
					width: -moz-calc(~'100% - 272px');
					width: calc(~'100% - 272px');
					p{
						.gt;
						padding-left: 0;
					}
				}
				.col_category{
					width: 80px;
					.gt;
				}
				.col_update{
					width: 134px;
					display: none
				}
				.col_look{
					width: 70px;
					.gt;
					display: none
				}
				.col_operation{
					width: 72px;
					
				}
				.col_yxj{
					width: 82px;
					input{
						display: block;
						width: 60px;
						height: 26px;
						border: 1px solid #8f8f8f;
						margin-left: 10px;
						margin-top: 10px;
						text-align: center;
					}
				}
			}
		}
	}
	.nav_guanli_box{
		.boxhead{
			.col_title{
				// width: -webkit-calc(~'100% - 720px');
				// width: -moz-calc(~'100% - 720px');
				// width: calc(~'100% - 720px');
				width: 70px;
				p{
					.gt;
				}
			}
			.col_category{
				width: -webkit-calc(~'100% - 262px');
				width: -moz-calc(~'100% - 262px');
				width: calc(~'100% - 262px');
				p{
					.gt;
				}
			}
		}
		.boxbody{
			.item{
				.col_title{
					// width: -webkit-calc(~'100% - 720px');
					// width: -moz-calc(~'100% - 720px');
					// width: calc(~'100% - 720px');
					width: 70px;
					p{
						.gt;
					}
				}
				.col_category{
					width: -webkit-calc(~'100% - 262px');
					width: -moz-calc(~'100% - 262px');
					width: calc(~'100% - 262px');
					p{
						.gt;
					}
				}
			}
		}
	}
	.user_permission_box{
		.boxhead{
			.col_id{
				width: 40px;
				p{
					padding-left: 0;
					.gt;
				}
			}
			.col_username{
				width: -webkit-calc(~'100% - 258px');
				width: -moz-calc(~'100% - 258px');
				width: calc(~'100% - 258px');
				.gt;
			}
			.col_loginnum{
				width: 80px;
				.gt;
				display: none;
			}
			.col_logintime{
				width: 140px;
				display: none;
			}
			.col_loginip{
				width: 140px;
				display: none;
			}
			.col_state{
				width: 48px;
			}
			.col_operation{
				width: 130px
			}
		}
		.boxbody{
			.item{
				.col_id{
					width: 40px;
					p{
						padding-left: 0;
						.gt;
					}
				}
				.col_username{
					width: -webkit-calc(~'100% - 258px');
					width: -moz-calc(~'100% - 258px');
					width: calc(~'100% - 258px');
					p{
						.gt;
					}
				}
				.col_loginnum{
					width: 80px;
					.gt;
					display: none;
				}
				.col_logintime{
					width: 140px;
					display: none;
				}
				.col_loginip{
					width: 140px;
					display: none;
				}
				.col_state{
					width: 48px;
				}
				.col_operation{
					width: 130px
				}
			}	
		}
	}
}


// 公用的表格样式
.comtable_col_choose{
	width: 60px;
	.layui-input-block{
		margin-left: 0;
	}
}



	.adm_msg_box{
		@media (max-width: 1100px){
			.com_none{
				display: none;
				width: 0;
			}
		}
		@media (max-width: 780px) {
			.adm_msg_box_name{
				width: 40px;
			}
			.adm_msg_box_tel{
				width: 40px;
			}
		}
	}

	@media (max-width: 780px) {
		.layui-table td, .layui-table th {
			position: relative;
			padding: 6px 6px;
			min-height: 20px;
			line-height: 20px;
			font-size: 13px;
		}
		.com_col_operation{
			width: 100px;
		}
		.com_col_operation_two{
			width: 74px;
		}
		.comtable_col_choose{
			width: 22px;
			overflow: hidden;
		}
		.com_choose{
			width: 22px;
		}
	}

